<template>
        <div class="main" id='top'>
            <div class="main-nav">
                 <Nav></Nav>
            </div>
            <div class="main-center">
                 <MainContent></MainContent>
            </div>
           
        </div>    
</template>

<script>
import Nav from "./nav.vue"
import MainContent from "./mainContent.vue"
export default {
    components:{
        Nav,
        MainContent
    }
    
}
</script>

<style lang="less"  scoped>
.main{
    position: relative;;
    width: 100%;
    height: inherit;
}
.main-nav{
    width: 100px;
    height: 50px;
    position: relative;
}
.main-center{
   position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}
</style>